<template>
	<view class="mainpadding">
		<!-- 反馈类型 -->
		<view class="xiahuaxian">
			<view class="sanshier xiaohei fonweight">反馈类型</view>
			<view class="flexleft flex_wrap ">
				<view class="sanshis flexcenter margin_top">
					<!-- 已选中 -->
					<view class="yxzbtn flexcenter">下载/加载问题</view>
				</view>
				<view class="sanshis flexcenter" v-for="item in 4">
					<!-- 未选中 -->
					<view class="wxzbtn flexcenter margin_top">会员付费问题</view>
				</view>
			</view>
		</view>
		<view class="sanshier xiaohei fonweight margin_top">反馈内容</view>
		<textarea class="margin_top textarea" placeholder="问题描述的越详细，有助于我们更快的解决问题"></textarea>
		<view class="flexleft flex_wrap">
			<view class="flexcenter tpbox margin_top" v-for="item in 4">
				<image class="tjtp" src="../static/image/system/zybjt.png" mode=""></image>
			</view>
			<view class="flexcenter tpbox margin_top">
				<image class="tjtp" src="../static/image/system/tjtp.png" mode=""></image>
			</view>
		</view>
		<view class="strongtext xiaohui margin_top1">请上传应用截图，最多上传6张</view>
		<view class="xiahuaxian margin_top">
			<view class="sanshier xiaohei ">请留下您的联系方式</view>
			<input class="margin_top" type="text" placeholder="手机号/邮箱/QQ号">
		</view>
		<view class="gudingdb ffffff mainpadding">
			<view class="bigbtn">提交</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.tpbox {
		width: 33.33%;
	}
	.tjtp {
		width: 199rpx;
		height: 199rpx;
	}
	.textarea{
		width: 100%;
		box-sizing: border-box;
		height: 100rpx;
	}
	.wxzbtn{
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		font-size: 28rpx;
		width: 218rpx;
		height: 64rpx;
		border: 1rpx solid #BFBFBF;
		font-weight: 400;
		color: #999999;
	}
	.yxzbtn {
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		font-size: 28rpx;
		width: 218rpx;
		height: 64rpx;
		background: rgba(35, 97, 255, 0.1);
		border: 1rpx solid #2361FF;
		font-weight: 400;
		color: #2361FF;
	}
</style>